@charset "utf-8";
@import "comm/reset";
@function r($px){
    @return $px/100+rem;
}
section{
    .center{
        width: 100%;
        ul{
            width: 100%;
            font-size: 0;
            li{
                width: 50%;
                display: inline-block;
                margin-top: r(20);
                .center-top{
                    a{
                        margin: 0 auto;
                        width: r(300);
                        height: r(182);
                        display: block;
                        overflow: hidden;
                        img{
                            width: 100%;
                        }
                    }
                }
                .center-bt{
                    margin: 0 auto;
                    font-size: 0;
                    background: #f6f6f6;
                    width: r(300);
                    padding: 0 r(5);
                    overflow: hidden;
                    h1{
                        margin-top: r(15);
                        font-size: r(22);
                        color: #010101;
                    }
                    h2{
                        width: r(156);
                        font-size: r(22);
                        color: #010101;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .mid{
                        a{
                            width: r(88);
                            height: r(27);
                            background: #b20000;
                            color: white;
                            font-size: r(18);
                            text-align: center;
                            border-radius: r(4);
                            margin-right: r(50);
                        }
                        .t{
                            font-size: r(20);
                            color: #c5c5c5;
                            margin-right: r(16);
                        }
                    }
                    .btom{
                        .name{
                            margin-top: r(14);
                            display: inline-block;
                            margin-bottom: r(6);
                            float: left;
                            img{
                                width: r(35);
                                height: r(35);
                                vertical-align: middle;
                            }
                            span{
                               font-size: r(18);
                               color: #c5c5c5;
                               margin-left: r(8);
                               vertical-align: middle;
                            }
                        }
                        >span{
                            font-size: r(12);
                            color: #c5c5c5;
                            float: right;
                            margin-top: r(17);
                        }
                    }
                }
            }
        }
    }
    .more{
        width: r(583);
        margin: 0 auto;
        margin-top: r(30);
        border-top: r(1) solid #e6e6e6;
        a{
            height: r(73);
            line-height: r(73);
            text-align: center;
            font-size: r(22);
            color: #bbbbbb;
            display: block;
        }
    }
}
footer{
    .ft-bot{
        a:nth-child(3) span{
            color: #b60005;
        }
    }
}
